<template>
    <footer class="bg-white mt-5 dark:bg-gray-800">
        <div class="w-full mx-auto max-w-screen-xl py-6 md:flex md:items-center md:justify-between">
            <span class="text-sm text-gray-500 sm:text-center dark:text-gray-400">© {{ date }} <a
                    href="https://www.shbjz.cn/" class="hover:underline">稻城</a>. All Rights Reserved.
            </span>
            <ul class="flex flex-wrap items-center mt-3 text-sm font-medium text-gray-500 dark:text-gray-400 sm:mt-0">
                <li>
                    备案号：<a href="#" class="mr-4 hover:underline md:mr-6 ">浙ICP备2024103469号</a>
                </li>
            </ul>
        </div>
    </footer>
</template>
<script setup>
import { ref, onMounted } from 'vue';
const date = ref('')

onMounted(() => {
    date.value = new Date().getFullYear()
});
</script>